<template>
	<view>
		<view class="loading-box">
		  <u-loading :show="loadingone" color="#41ADBA" size="70"></u-loading>
		</view>
		<view style="height: 100vh; overflow: auto;background: #fff;" v-show="!loadingone">
			<navbar name="百科"></navbar>
			<view class="wieww670">
				<view class="recommend">
					推荐阅读
				</view>
				<block v-for="(item,idx) in articleList" :key="idx">
					<view class="weui-flex articleBody">
						<view class="articleView">
							<view class="articleContent text-line">
								{{item.content}}
							</view>
							<view class="lockbody">
								<view class="lockView"></view>{{item.lock}}
							</view>
						</view>
						<view class="articleImage">
							<u-lazy-load border-radius="10"  height="160" img-mode="aspectFill"
								image=""></u-lazy-load>
						</view>
					</view>
					<u-line  class="u-line"></u-line>
				</block>
			</view>
		</view>
	</view>
</template>

<script>
import uLoading from "@/uview-ui/components/u-loading/u-loading.vue"

import uLine from "@/uview-ui/components/u-line/u-line.vue"
import uLazyLoad from "@/uview-ui/components/u-lazy-load/u-lazy-load.vue"

	export default {
		components: {
			uLoading,
			uLazyLoad,
			uLine,

		},
		data() {
			return {
				loadingone:false,
				articleList:[],
				list: [],
				current: 0,
				sectionCurrent: 0,
				keyword: '',
			}
		},
		methods: {
			searchValue(e) {
				console.log(e)
				if (e != '') {
					this.tabsShow = false
				} else {
					this.tabsShow = true
				}
			},
			change(index) {
				this.current = index;
			}
		}
	}
</script>

<style lang="scss">
	@import url("../basescss/basescss.scss");
</style>
